<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>活动展示页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/showIndex.css">
    <link rel="stylesheet" href="css/swiper.min.css">
</head>
<body>
  <div class="topHead">
      <div class="headBox">
          <img src="img/show/logo2.png" class="logo" alt="">
          <div class="div"></div>
      </div>
      <div class="navBox">
          <div class="navContent" id="navContent">
              <div class="nav nav1 active" data-type="0">
                  全部
              </div>
              <div class="nav nav2" data-type="1">
                  "悦读成长"读书活动
              </div>
              <div class="nav nav3" data-type="2">
                  "墨香四溢"写字练习
              </div>
              <div class="nav nav4" data-type="3">
                  "劳动最光荣"实践活动
              </div>
              <div class="nav nav5" data-type="4">
                  "学科学·爱科学"科普探索
              </div>
              <div class="nav nav5" data-type="5">
                  "倍阅"大学生红色共读
              </div>
          </div>
          <img src="img/show/icon-top.png" alt="" class="scrollBtn" id="scrollBtn">
      </div>
  </div>
  <div class="carouselWrap">
      <div class="swiper-container">
          <div class="swiper-wrapper" id="swiper-wrapper">
<!--              <div class="swiper-slide type2"></div>-->
          </div>

      </div>
  </div>
  <div class="dialog hide" id="vidoeDialog">
       <div class="mark"></div>
       <div class="inner">
           <video src="" id="dialogVideo" controls></video>
       </div>
  </div>
  <div class="dialog hide" id="imgDialog">
      <div class="mark"></div>
      <div class="inner">
          <img src="" alt="" id="dialogImg">
      </div>
   </div>
  <script src="js/jquery/jquery-1.2.3.min.js"></script>
  <script src="js/lib/swiper.min.js"></script>
  <script src="js/jquery.lazyload.js"></script>
  <script src="js/layer3.11/layer.js"></script>
  <script src="js/showIndex.js">

  </script>
</body>
</html>
